<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
body{width: 100%;overflow-x:hidden;}
.clearfix:after {content: " ";display: block;clear: both;height: 0;}
.clearfix {zoom: 1;}
.maxwidth{width: 100%;max-width: 1200px;margin-left: auto;margin-right: auto;}

/*
å…¬å…±éƒ¨åˆ†å¤´å’Œå°¾éƒ¨
 */
/*
å¤´éƒ¨
 */
.hearder{width: 100%;}
.hearder-logo{width: 100%;padding: 13px 0px;background-color: #fff;position: fixed;top: 0px;left: 0px;z-index: 999;box-shadow: 0px 1px 8px 1px #999;}
.hearder-logo .logo_pic{width: 100px;height: 49px;float: left;margin-top: 8px;}
.hearder-logo .logo_pic img{width: 100%;height: 100%;}
.header-nav{
	width: 100%;
	padding-top: 25px;
	padding-bottom: 10px;
	box-sizing: border-box;
	margin-top: 8px;
	display: table;
    border-top: 1px solid #eee;
	margin-top: 20px;    
}
.header-nav ul {
	width: 100%;
}
.header-nav&gt;ul {
	display: table-row;
}
.header-nav&gt;ul&gt;li {
	display: table-cell;
}
.header-nav ul li{box-sizing:border-box;position: relative;text-align: center;}
.header-nav ul li a{font-size: 18px;color: #333333;padding: 12px 7px;box-sizing:border-box;display: inline-block;}
.header-nav ul li:hover a{border-bottom: 2px solid #33b084;}
.header-nav ul li .aclick{border-bottom: 2px solid #33b084;}
.header-nav ul li .sub{position: absolute;background-color: #ffffff;z-index: 10;left:50%;margin-left: -70px; top: 48px;width: 140px;text-align: center;overflow: hidden;display: none;}
.header-nav ul li .sub li{margin: 0px 0px 0px 0px;width: 100%;padding:0px 0px;width: 100%;}
.header-nav ul li .sub li a{margin:0px 0px;width: 100%;padding:12px 0px;width: 100%;border-bottom: 2px solid #33b084;font-size: 14px;}
.header-nav ul li .sub li:hover{background-color: #33b084;color: #ffffff;}
.header-nav ul li .sub li:hover a{color: #ffffff;}
.header-nav ul li .sub li:nth-child(1){margin-top: 14px;}
.nav_more{display: none; position: relative;margin-top: 10px;margin-right: 0px;width: 60px;height: 15px;float: right;cursor: pointer;opacity: 0.9;}
.nav_more span{display: block;position: absolute;height: 4px;top: 0px;left: 8px;right: 0px;background-color: #33b084;box-sizing: border-box;}
.nav_more span:before,.nav_more span:after{content:"";display: block;position: absolute;width: 100%;height: 4px;background: #33b084;}
.nav_more span:before{top: -10px;}
.nav_more span:after{bottom: -10px;}
.main_nav{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:999;display:none;}
.main_nav ul{width:100%;height:auto;position:absolute;right: -180px;top:60px;width:180px;opacity: 0.98;}
.main_nav ul li{font-size:16px;line-height:40px;border-bottom:1px solid white;width:100%;text-align: center;overflow: hidden;height: 40px;background-color: #33b084;opacity: 0.9;}
.main_nav ul li a{color:white;display:block;padding-left:0px;text-decoration: none;}
.main_nav ul li a:hover{background-color:#ffffff;color:black;}
/*.main_nav ul li.clo{position:absolute;bottom:0px;background-color:#FD5030;}
.main_nav ul li.clo a{color:white;}*/
.nulldiv{display: block;height: 60px;}
.banner{width: 100%;margin-top: 145px;}
/*.banner a{position:relative;display: block;width: 100%;padding-top:31.2%;height: 0px;} */
/*.banner a img{position: absolute;top: 0px;left: 0px;width: 100%;}*/
.owl-controls{bottom: 0px;}
.hearder-logo .maxwidth {position: relative;}
.hearder-logo .ChEn{position:absolute;right: 3px;top: 15px;font-size: 15px;color: #333333;}
.hearder-logo .ChEn :hover{color: #33b084;}


.backTop{position: fixed;width:50px;height: 50px;right: 10px;bottom: 15%;z-index: 99999;}
.backTop img{width: 100%;height: 100%;cursor: pointer;}

.friendlylink{}
.friendlylink ul{padding: 15px 0px;}
.friendlylink ul li{display: inline-block;}
.friendlylink ul li a{color: #4c4c4c;font-size: 14px;line-height: 1.5em;}

.footer_bottom{width: 100%;background-image: url("../images/bottom.jpg");border-image-repeat: no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.footer .bbg{background-image: url(../images/bbg.png);width: 100%;height: 100%;}
.footer_bottom .box1{float: left;text-align: center;width: 260px;}
.footer_bottom .box1 .pic1{width: 241px;height: 67px;display: inline-block;margin-top: 28px;}
.footer_bottom .box1 .pic2{width: 178px;height: 178px;display: inline-block;margin-top: 20px;}
.footer_bottom .box1 img{height: 100%;}
.footer_bottom .box2{float: left;margin-left: 45px;}
.footer_bottom .box2 .first{}
.footer_bottom .box2 .first .left{float: left;}
.footer_bottom .box2 .first .right{float: left;}
.footer_bottom .box2 .first{margin-top:30px;}
.footer_bottom .box2 .first .left{border-right: 1px solid #ffffff;}
.footer_bottom .box2 .first .left ul li a{font-size: 14px;color: #ffffff;}
.footer_bottom .box2 .first .left ul li{display: inline-block;vertical-align: top;width: 121px;overflow: hidden;white-space: nowrap;text-overflow: none;}
.footer_bottom .box2 .first .left ul li ul li{display: block;margin-top: 20px;margin-right: 0px;}
.footer_bottom .box2 .first .right{font-size:18px; color: #ffffff;margin-left:45px;}
.footer_bottom .box2 .first .right p:nth-child(1){font-size: 14px;vertical-align: middle;margin-top: 15px; color: #ffffff}
.footer_bottom .box2 .first .right p:nth-child(2){font-size: 24px;vertical-align: top;margin-top: 15px; color: #ffffff}
.footer_bottom .box2 .first .right p:nth-child(2) img{width: 24px;height: 26px;vertical-align:top;}
.footer_bottom .box2 .first .right a {display: block; box-sizing: border-box;padding-left: 20px; width: 180px;height: 40px;line-height: 35px; outline: none;border:none;border-radius: 5px 5px;background-color: #fff;box-shadow: 0px -2px 3px 1px #a6cfc1 inset;border: 1px solid #a6cfc1;font-size: 14px;color: #008254;margin-top: 20px;margin-left: 30px;}
.footer_bottom .box2 .first .right a img{margin-right: 12px;position: relative;}
.footer_bottom .box2 .second{margin-right: 12px;padding-bottom: 10px;max-width: 890px;border-top: 1px solid #ffffff;width: 100%;margin-top: 22px;}
.footer_bottom .box2 .second{text-align: center;}
.footer_bottom .box2 .second a{color: #ffffff;line-height: 1.2em;font-size: 14px;margin-top: 18px;display: inline-block;}
.footer_bottom .box2 .second .support{margin-top: 15px;}

/*é¦–é¡µ*/
.index .index_title{color: #808080;font-size: 16px;}
.index .index_title span{color: #333333;font-size: 24px;}

.index .box1{padding: 12px 0px;}
.index .box1 .left{float: left;}
.index .box1 .left img{vertical-align: top;margin-top: 3px;}
.index .box1 .left .line{line-height: 30px;height: 30px;vertical-align: top;overflow: hidden;display: inline-block;padding: 0 0;-webkit-margin-before: 0em;-webkit-margin-after: 0.2em;vertical-align: middle;}
.index .box1 .left .line li{list-style-type: none;}
.index .box1 .left .line li a{width: auto;max-width: 280px;display: block;height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.index .box1 .left .line li a:hover{text-decoration:underline;color:#33b084;}
.search_right{float: right;margin-right: 0px;margin-top: 10px;}
/*.search_right input{float: right;border: none;outline: none;border: 1px solid #a0a0a0;width: 246px;height: 34px;box-sizing: border-box;background: url(../images/search.png) no-repeat 96% center;padding: 0px 3.5em 0px 1em;font-size: 14px;}*/
.search_right ul{float: left;margin-top: 10px;margin-right: 12px;}
.search_right ul li{display: inline-block;margin-right: 5px;overflow: hidden;max-width: 120px;white-space: nowrap;text-overflow: ellipsis;}
.search_right ul li a{color: #4c4c4c;}
.search_right ul li a:hover{text-decoration:underline;color:#33b084;}
.search_right span{display: inline-block;margin-right: 5px;margin-top: 10px;color: #4c4c4c; float: left;}
.searchDiv{display: inline-block;width: 236px;height: 35px;background-color: #ffffff;border: 1px black solid;margin-left: 15px;float: right;}
.searchDiv input{height: 33px;width: 170px;border:none; outline: none;font-size: 16px;padding-left: 10px;}
.searchDiv .button{height: 35px;width: 54px;display: inline-block;margin-left: 0px;padding: 0 0;outline: none;float: right;border: none;background-image: url(../images/search.png);background-repeat: no-repeat;background-color: #ffffff;background-position: center center;}

.index .box2{padding: 30px 0px;}
.index .box2 .maxwidth{padding: 2.5% 0px;height: 600px;}
.index .box2 .left{width: 490px;height: 500px;margin-top: 0px;margin-bottom: 34px;float: left;vertical-align: middle;}
.index .box2 .left .change{width: 460px;height: 500px;border: 1px solid #33b084;border-top: 5px solid #33b084;border-radius: 5px 5px;box-shadow: 0px 0px 21px 2px #c1c1c1;overflow: hidden;}
.index .box2 .left .caption{color: #33b084;font-size: 22px;box-sizing: border-box;padding: 24px 2px;border-bottom:1px solid #dadada;margin: 0 31px 0 18px;}
.index .box2 .left .cardAll{}
.index .box2 .left .card{margin-top: 30px;margin-bottom: 10px;margin-left: 23px;}
.index .box2 .left .card .txt{width: 275px;float: left;}
.index .box2 .left .card .name{display: inline-block;color: #333333;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width:80%;}
.index .box2 .left .card .name:hover{color: #33b084;}
.index .box2 .left .card span{color: #666666;font-size: 14px;display: block;width: 100%;line-height: 1.3em;word-break: break-all;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;height: 36px;margin-top: 8px;}
.index .box2 .left .card .more{font-size: 16px;color: #33b084;border:1px solid #33b084;box-sizing: border-box;padding: 5px 23px;border-radius: 5px 5px;display: inline-block;margin: 20px 0px 0px 34px}
.index .box2 .left .ckmore{font-size: 16px;color: #33b084;display: inline-block;margin: 30px 0px 35px 23px;}
.index .box2 .right{margin-top: 90px;float: left;text-align: center;width: 260px;vertical-align: middle;margin-left: 2.1%;margin-right: 2%;}
.index .box2 .right .caption{margin-bottom: 70px;}
.index .box2 .right .caption img{width: 36px;height: 26px;}
.index .box2 .right .caption p{font-size: 20px;color: #333333;margin-top: 20px;}
.index .box2 .right .caption span{width: 46px;border-bottom:1px solid #d9d9d9;display: inline-block;margin-top: 23px;}
.index .box2 .right ul li{margin-top: 30px;}
.index .box2 .right ul li a{color: #333333;font-size: 16px;max-width: 100%;display: inline-block;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.index .box2 .right ul li a:hover{color: #33b084;}

.index .box3 .index_title{float: left;}
.index .box3 ul{float: right;margin-top: 5px;text-align: center;}
.index .box3 ul li{display: inline-block;margin-left: 35px;}
.index .box3 ul li a{display: inline-block;box-sizing: border-box;font-size: 16px;color: #666666;padding: 3px 10px;border-radius: 3px 3px;margin-bottom: 3px;}
.index .box3 ul li a:hover{color: #ffffff;background-color: #33b084;}
.index .box3 ul li .aclick{color: #ffffff;background-color: #33b084;}
.index .box3 .cardAll{margin-top: 25px;display: none;}
.index .box3 .card{display: inline-block;width: 23%;margin-top: 21px;margin-left:1.5%;margin-bottom: 15px; box-sizing: border-box;border:1px solid #33b084;vertical-align: bottom;}
.index .box3 .card .pic{position: relative;display: block;width: 100%;height: 0px;padding-top:100%;}
.index .box3 .card .pic img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.index .box3 .card .txt{box-sizing: border-box;margin: 0px 19px 0px 13px;border-top: 1px solid #33b084;padding: 15px 0px 26px 0px;}
.index .box3 .card .txt .name{font-size: 16px;color: #333333;display: inline-block;max-width:80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index .box3 .card .txt span{color: #666666;font-size: 14px;display: block;width: 100%;line-height: 1.9em;word-break: break-all;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;height: 78px;margin-top: 8px;margin-bottom: 12px;}
.index .box3 .card .txt .more{font-size: 16px;color: #33b084;display: none;}
.index .box3 .card:hover .txt .more{display: inline;}
.index .box3 .card:hover{border-bottom: 3px solid #33b084;margin-top: 0px;}
.index .box3 .ckmore{text-align: center;margin-top: 34px;}
.index .box3 .ckmore a{font-size: 16px;color: #808080;display: inline-block;box-sizing: border-box;padding: 13px 53px;border:1px solid #cccccc;}
.index .box3 .ckmore a:hover{border: 1px solid #33b084;color: #33b084;}

.index .box4{padding-top:55px;}
.index .box4 .index_title{float: left;}
.index .box4 ul{float: right;margin-top: 5px;}
.index .box4 ul li{display: inline-block;margin-left: 5px;}
.index .box4 ul li a{display: inline-block;box-sizing: border-box;font-size: 16px;color: #666666;padding: 3px 10px;border-radius: 3px 3px;margin-bottom: 3px;}
.index .box4 ul li a:hover{color: #ffffff;background-color: #33b084;}
.index .box4 ul li .aclick{color: #ffffff;background-color: #33b084;}
.index .box4 .cardAll{position: relative;padding:0px 50px;box-sizing:border-box;max-width: 1300px;width: 100%;margin: 27px auto 0 auto;}
.index .box4 .prev{position: absolute;font-size: 34px;top: 50%;left: 5px;font-family:"simsun";font-weight: bold;color: #333333;margin-top: -21px;cursor: pointer;user-select:none;}
.index .box4 .next{position: absolute;font-size: 34px;top: 50%;right: 5px;font-family:"simsun";font-weight: bold;color: #333333;margin-top: -21px;cursor: pointer;user-select:none;}
.index .box4 .prev:hover,.index .box4 .next:hover{color: #33b084;}
.index .box4 .cardshow{}
.index .box4 .card{width: 100%;box-sizing: border-box;float: left;}
.index .box4 .card:hover{box-shadow: 0px 0px 12px 2px #dddddd;}
.index .box4 .card .pic{position: relative;display: block;width: 100%;height: 0px;padding-top:100%;}
.index .box4 .card .pic img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.index .box4 .card .txt{box-sizing: border-box;padding:15px 35px 20px 15px;}
.index .box4 .card .txt .name{font-size: 16px;color: #333333;display: inline-block;max-width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index .box4 .card .txt span{font-size: 14px;color: #808080;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 6px;}
.index .box4 .owl-controls{display: none;}

.index .box5{padding: 60px 0px 30px 0px;}
.index .box5 .caption{width: 100%;text-align: center;margin-top: 15px;}
.index .box5 .caption span{display: inline-block;background-color: #29ad7f;color: #ffffff;letter-spacing: 1px;font-size: 18px;border-radius: 15px;box-sizing: border-box;width: 120px;height: 30px;line-height: 30px;cursor:default;}
.index .box5 .cardAll{width: 100%;}
.index .box5 .card{width: 15.8%;float: left;box-sizing: border-box;margin-right: 5.2%;margin-top: 30px;}
.index .box5 .card:nth-child(5n){margin-right: 0px;}
.index .box5 .card .pic{position: relative;display: block;width: 100%;height: 0px;padding-top:39.7%;}
.index .box5 .card img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;/*transition: opacity 0.4s, transform 0.8s;*/border:1px solid #e6e6e6;border-radius: 5px 5px;}
/*.index .box5 .card img:nth-child(1){transform: rotateY(180deg);-webkit-transform: rotateY(180deg);opacity: 0;}
.index .box5 .card img:nth-child(2){filter: grayscale(100%);}
.index .box5 .card:hover img:nth-child(2){transform: rotateY(180deg);-webkit-transform: rotateY(180deg);opacity: 0;}
.index .box5 .card:hover img:nth-child(1){transform: rotateY(0deg);-webkit-transform: rotateY(0deg);opacity: 1;}*/

.f-title{text-align: center;}
.f-title span{font-size: 24px;color: #333333;}
.f-title .en{font-size: 16px;color: #666666;margin-top: 12px;}
.f-nav{margin-top: 23px;}
.f-nav ul{}
.f-nav ul li{display: inline-block;border-left: 2px solid #808080;width:19%;margin-bottom: 5px;text-align: center;}
.f-nav ul li:nth-child(1){border-left:none;}
.f-nav ul li:nth-child(5n+1){border-left:none;}
.f-nav ul li a{font-size: 18px;color: #666666;display: inline-block;}
.f-nav ul li a:hover{color: #093590;}
.f-nav ul li .aclick{color: #093590;}


.product{padding: 25px 0px 45px 0px;}
.product .cardAll{width: 100%;}

.product .card{display: inline-block;width: 23%;margin-top: 21px;margin-left:1.5%;margin-bottom: 15px; box-sizing: border-box;border:1px solid #33b084;vertical-align: bottom;}
.product .card:nth-child(4n){margin-right: 0px;}
.product .card .pic{position: relative;display: block;width: 100%;height: 0px;padding-top:100%;}
.product .card .pic img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.product .card .txt{box-sizing: border-box;margin: 0px 19px 0px 13px;border-top: 1px solid #33b084;padding: 15px 0px 26px 0px;}
.product .card .txt .name{font-size: 16px;color: #333333;display: inline-block;max-width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product .card .txt span{color: #666666;font-size: 14px;display: block;width: 100%;line-height: 1.9em;word-break: break-all;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;height: 78px;margin-top: 8px;margin-bottom: 12px;}
.product .card .txt .more{font-size: 16px;color: #33b084;display: none;}
.product .card:hover .txt .more{display: inline;}
.product .card:hover{border-bottom: 3px solid #33b084;margin-top: 0px;}
.product .ckmore{text-align: center;margin-top: 42px;}
.product .ckmore span{font-size: 16px;color: #808080;display: inline-block;box-sizing: border-box;padding: 13px 53px;border:1px solid #cccccc;cursor: pointer;}
.product .ckmore span:hover{border: 1px solid #33b084;color: #33b084;}

.index .box3 .card{display: inline-block;width: 23%;margin-top: 21px;margin-left:1.5%;margin-bottom: 15px; box-sizing: border-box;border:1px solid #33b084;vertical-align: bottom;}
.index .box3 .card .pic{position: relative;display: block;width: 100%;height: 0px;padding-top:100%;}
.index .box3 .card .pic img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.index .box3 .card .txt{box-sizing: border-box;margin: 0px 19px 0px 13px;border-top: 1px solid #33b084;padding: 15px 0px 26px 0px;}
.index .box3 .card .txt .name{font-size: 16px;color: #333333;display: inline-block;max-width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index .box3 .card .txt span{color: #666666;font-size: 14px;display: block;width: 100%;line-height: 1.9em;word-break: break-all;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;height: 78px;margin-top: 8px;margin-bottom: 12px;}
.index .box3 .card .txt .more{font-size: 16px;color: #33b084;display: none;}
.index .box3 .card:hover .txt .more{display: inline;}
.index .box3 .card:hover{border-bottom: 3px solid #33b084;margin-top: 0px;}

.application{padding: 25px 0px 45px 0px;}
.application .cardAll{width: 100%;}
.application .card{width: 23%;float: left;margin-right: 2.66%;margin-top: 35px;}
.application .card:nth-child(4n){margin-right: 0px;}
.application .card:hover{box-shadow: 3px 3px 12px 2px #e9e9e9;}
.application .card .pic{position: relative;display: block;width: 100%;height: 0px;padding-top:100%;}
.application .card .pic img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.application .card .txt{width: 100%;background-color: #ffffff;box-sizing: border-box;padding: 0px 42px 20px 26px;}
.application .card .txt .name{font-size: 20px;color: #333333;display: inline-block;max-width:80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 14px;}
.application .card .txt span{display: block;font-size: 14px;color:#808080;margin-top: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.application .ckmore{text-align: center;margin-top: 42px;}
.application .ckmore span{font-size: 16px;color: #808080;display: inline-block;box-sizing: border-box;padding: 13px 53px;border:1px solid #cccccc;cursor: pointer;}
.application .ckmore span:hover{border: 1px solid #33b084;color: #33b084;}

.news{padding: 25px 0px 45px 0px;}
.news .cardAll{width: 100%;}
.news .card{position: relative;width: 100%;box-sizing: border-box;padding-left: 275px;height: 295px;padding-top: 34px;border-top: 1px solid #e6e6e6;margin-bottom: 34px;}
.news .card:nth-child(1){border-top: none;}
.news .card .pic{position: absolute;top:34px;left: 0px;width:275px;height: 275px;}
.news .card .pic img{width: 100%;height: 100%;}
.news .card .txt{width: 100%;height: 100%;box-sizing:border-box;padding: 0px 35px 0px 20px;}
.news .card .txt .name{font-size: 18px;color: #333333;display: inline-block;max-width:80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 6px;}
.news .card .txt span{font-size: 14px;color: #666666;display: block;width: 100%;line-height: 1.5em;word-break: break-all;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;height: 63px;margin-top: 8px;letter-spacing: 1px;}
.news .card .txt p{font-size: 14px;color: #808080;margin-top: 14px;}
.news .ckmore{text-align: center;margin-top: 42px;}
.news .ckmore span{font-size: 16px;color: #808080;display: inline-block;box-sizing: border-box;padding: 13px 53px;border:1px solid #cccccc;cursor: pointer;}
.news .ckmore span:hover{border: 1px solid #33b084;color: #33b084;}

.contactus{padding: 25px 0px 45px 0px;}
.contactus .contact_cardAll{width: 100%;box-sizing: border-box;border:1px solid #e6e6e6; text-align: center;padding:15px;margin-top: 40px;}
.contactus .contact_cardAll .card{display: inline-block;box-sizing: border-box;padding:15px 30px;border-left: 1px solid #cccccc;}
.contactus .contact_cardAll .card:nth-child(1){padding-left: 0px;border-left: none;}
.contactus .contact_cardAll .card:nth-child(4){padding-right: 0px;}
.contactus .contact_cardAll .card .nr{position: relative;box-sizing: border-box;padding-left: 52px;height: 46px;text-align: left}
.contactus .contact_cardAll .card .pic{position: absolute;top: 0px;left: 0px;width: 52px;height: 46px;}
.contactus .contact_cardAll .card .pic img{width: 100%;height: 100%;}
.contactus .contact_cardAll .card .txt{padding-left: 6px;box-sizing: border-box;}
.contactus .contact_cardAll .card p{font-size: 16px;color: #333333;line-height: 1.5em;}
.contactus .contact_cardAll .card span{font-size: 16px;color: #333333;line-height: 1.5em;}
.message{margin-top: 12px;text-align: center;}
.message form div{margin-top: 18px;}
.message form div label{font-size: 16px;color: #4c4c4c;display: inline-block;text-align: right;width: 80px;}
.message form div label span{font-size: 16px;color: #ff0000;}
.message form div input[type="text"]{height: 43px;box-sizing: border-box;outline: none;border:none;width: 44.8%;height: 44px;font-size: 14px;border: 1px solid #cccccc;margin-left: 34px;border-radius: 5px 5px;padding-left: 1em;padding-right: 2em;background-color: #fff;}
.message form div input[type="email"]{height: 43px;box-sizing: border-box;outline: none;border:none;width: 44.8%;height: 44px;font-size: 14px;border: 1px solid #cccccc;margin-left: 34px;border-radius: 5px 5px;padding-left: 1em;padding-right: 2em; background-color: #fff;}
.message form div textarea{height: 43px;box-sizing: border-box;outline: none;border:none;width: 44.8%;height: 75px;font-size: 14px;border: 1px solid #cccccc;margin-left: 34px;border-radius: 5px 5px;padding: 0.5em 2em 0.5em 1em;background-color: #fff;}
.message form div input[type="submit"]{box-sizing: border-box;outline: none;border:none;width: 21.7%;height: 49px;font-size: 18px;border: 1px solid #cccccc;margin-left: 34px;border-radius: 5px 5px;background-color: #59bf9b;color: #ffffff;margin-top: 6px;margin-left: 115px;}
.message form div input[type="reset"]{box-sizing: border-box;outline: none;border:none;width: 21.7%;height: 49px;font-size: 18px;border: 1px solid #cccccc;margin-left: 18px;border-radius: 5px 5px;background-color: #808080;color: #ffffff;}
.map{position: relative;height: 400px;margin-top: 32px;}
.map .mapdiv{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.shopCenter{padding:32px 0px 0px 0px;}
.personCardAll{}
.personCardAll .card{float: left;width: 50%;box-sizing: border-box;margin:2.5% 0px 2.5% 0px;overflow: hidden;}
.personCardAll .card:nth-child(3n){margin-right: 0px;}
.personCardAll .card .nr{width: 340px;margin:0px auto;}
.personCardAll .card .title{font-size: 18px;text-align: center;margin-bottom: 10px;}
.personCardAll .card .pic{width: 64px;height: 115px;float: left;}
.personCardAll .card .pic img{width: 100%;height: 100%;}
.personCardAll .card .txt{float: left;margin-left: 20px;}
.personCardAll .card .txt p{color: #333333;font-size: 14px;line-height: 1.8em;vertical-align: top;}
.personCardAll .card .txt p span{font-size: 20px;white-space: nowrap;overflow: hidden;display: inline-block;vertical-align: top;max-width: 240px;}
.personCardAll .card .txt .name{font-size: 18px;}
.personCardAll .card .txt p span img{width: 170px;height: 170px;}
.buyshop{margin-top: 1.4%;text-align: center;}
.buyshop .f-title span{vertical-align: middle;margin-left: 30px;margin-right: 30px;}
.buyshop .f-title div{height: 0px;width: 250px;border:1px solid #cccccc;display: inline-block;vertical-align: middle;}
.buyshop .nr{text-align: center;}
.buyshop .nr .pic{display: inline-block;width: 109px;height: 114px;}
.buyshop .nr .pic img{width: 100%;height: 100%;}
.buyshop .nr .txt{display: inline-block;font-size: 24px;color: #59bf9b;margin-left: 24px;margin-top: 20px;}

.detailds_text {margin-top: 30px;margin-bottom: 30px;}
.detailds_text h2 {font-size: 26px;color: black;padding-bottom: 15px;border-bottom: 1px dashed white;line-height: 26px;text-align: center;overflow: hidden;line-height: 35px;}
.detailds_text .time_view {margin-top: 10px;font-size: 13px;color: #A5A5A5;text-align: center;}
.detailds_text .content {margin-top: 25px;width: 100%;}
.detailds_text .content img{max-width: 100%!important;height: auto!important;}
.detailds_text .content table{max-width: 100%!important;width: auto!important;}
.prenext p {margin-top: 15px;margin-bottom: 15px;vertical-align: top;}
.prenext p a {display: inline-block;max-width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: top;}
.prenext p a:hover{text-decoration: underline;color: #33b084;}
.getiphonemap{display: none;}
.getiphonemap button{width: 180px;height: 40px;outline: none;border: none;border-radius: 5px 5px;background-color: #fff;box-shadow: 0px -2px 3px 1px #a6cfc1 inset;border: 1px solid #a6cfc1;font-size: 14px;color: #008254;margin-top: 20px;margin-left: 10px;}
.detailds_text .downLoadDiv{text-align: center;width: 100%;}
.detailds_text .downLoad{display: inline-block;background-color: #33b084;color: #ffffff;height: 32px;line-height: 32px;padding:0px 15px;font-size: 18px;border-radius: 10px 10px;}

.aboutus{padding: 25px 0px 0px 0px;}
.aboutus .profile{margin-top: 15px;}
.aboutus .profile p{font-size: 16px;color: rgb( 77, 77, 77 );line-height: 2.5em;text-indent: 2em;}
.aboutus .aboutPic{width: 100%;text-align: center;background-color: #b8daf3;margin-top: 20px;}
.aboutus .aboutPic img{width: 100%;max-width:1327px;}
.aboutus .cultureCard{margin-top: 60px;margin-bottom: 30px;}
.aboutus .cultureCard .card{width: 16%;display: inline-block;text-align: center;margin-right: 4%;vertical-align: top;margin-top: 5px;}
.aboutus .cultureCard .card:nth-child(5){margin-right: 0px;}
.aboutus .cultureCard .card img{width: 75px;height: 65px;}
.aboutus .cultureCard .card .line{width: 40px;border-top: 1px solid #33b084;margin:9px auto 10px auto;}
.aboutus .cultureCard .card .name{font-size: 24px;color: #333333;text-align: center;margin-bottom: 20px;}
.aboutus .cultureCard .card span{font-size: 14px;color: rgb( 77, 77, 77 );line-height: 1.786em;}
.aboutus .quality{width: 100%;background: url(../images/qualitybg.jpg) no-repeat; -webkit-background-size: 100% 100%;background-size: 100% 100%; }
.aboutus .quality .bbg{background-image: url(../images/bbg.png);padding-top: 25px;padding-bottom: 56px;}
.aboutus .quality .f-title span{color: #ffffff;}
.aboutus .quality .f-title .en{color: #ffffff;}
.aboutus .qualitycardAll{margin-top: 20px;}
.aboutus .qualitycardAll .card{width: 31.2%;float: left;margin-right: 3.2%;background-color: #fff;padding: 25px 30px 30px 30px;box-sizing: border-box;margin-top: 10px;}
.aboutus .qualitycardAll .card:nth-child(3){margin-right: 0px;}
.aboutus .qualitycardAll .card .name{font-size: 18px;color: #29a378;text-align: center;}
.aboutus .qualitycardAll .card .line{width: 45%;border-top: 1px solid #29a378;margin: 18px auto 10px auto;}
.aboutus .qualitycardAll .card span{font-size: 16px;color: #666666;line-height: 2.1em;display: block;height: 304px;}

/*
æœç´¢ç»“æžœé¡µ
 */
.search_list{margin-top: 25px;}
.search_list h2{color: #333333;font-size: 18px;}
.search_list li{margin : 6px 0px;}
.current{border:none;}
.search_list ul li a{font-size: 15px;}
/*.page{margin-top: 15px;}
.page .index,.page .prev,.page .next,.page .end{display:inline-block;border:1px solid #33b084;width: 50px;height: 30px;text-align: center;line-height: 30px;margin-top: 5px;}
.page a{display:inline-block;border:1px solid #33b084;width: 30px;height: 30px;text-align: center;line-height: 30px;margin-top: 5px;}
.page span{display:inline-block;width: 20px;height: 30px;text-align: center;line-height: 30px;margin-top: 5px;}
*/
.page {
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}
.page a {
	padding: 5px 10px;
	border: 1px solid #eee;
	border-radius: 4px;
}
.page span {
	padding: 5px 10px;
	border: 1px solid #eee;
	background: #093590;
	color: #fff;
	border-radius: 4px;
}
.index_news {
	margin-bottom: 40px;
}
.index_news .list {
	margin-top: 15px;
}
.index_news .list .left {
	width: 44%;
	float: left;
	margin-top: 50px;
}
.index_news .list .left .pic {
	width: 100%;
	position: relative;
	padding-top: 100%;
}
.index_news .list .left .pic img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}
.index_news .list .left .title {
	font-size: 20px;
	color: #333;
	line-height: 1.5;
	margin-top: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.index_news .list .left .title:hover {
	color: #ed1a24;
}
.index_news .list .left .des {
	font-size: 14px;
	color: #666;
	line-height: 1.8;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.index_news .list .right {
	width: 54%;
	float: right;
}
.index_news .list .right .box {
	width: 100%;
	height: 90px;
	display: block;
	margin-bottom: 20px;
	background: #f5f5f5;
}
.index_news .list .right .box .time {
	width: 85px;
	height: 60px;
	margin-top: 15px;
	border-right: 1px solid #b2b2b2;
	float: left;
	text-align: center;
	margin-right: 20px;
}
.index_news .list .right .box .time .d {
	font-size: 36px;
	color: #33b084;
}
.index_news .list .right .box .time .y_m {
	font-size: 14px;
	color: #b2b2b2;
}
.index_news .list .right .box .txt {
	padding-top: 10px;
	padding-right: 20px;
}
.index_news .list .right .box .txt .title {
	font-size: 16px;
	color: #333;
	line-height: 1.5;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index_news .list .right .box .txt .des {
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index_news .list .right .box:hover {
	background: #33b084;
}
.index_news .list .right .box:hover .title,
.index_news .list .right .box:hover .des,
.index_news .list .right .box:hover .d,
.index_news .list .right .box:hover .y_m {
	color: #fff;
}
.index_news .list .right ul {
	text-align: center;
	margin-bottom: 15px;
}
.index_news .list .right ul li {
	display: inline-block;
	margin-left: 5%;
	margin-right: 5%;
}
.index_news .list .right ul li a {
	display: block;
	padding: 5px 10px;
	background: #33b084;
	color: #fff;
	font-size: 20px;
	border-radius: 4px;
}
@media screen and (max-width: 1200px){
	.maxwidth{width: 98%;}
	.hearder-logo .logo_pic{width: 100px;height: 39px;}
	.header-nav{float: right;}
	.header-nav ul li{margin-left: 20px;}
	.header-nav ul li a{padding: 10px 7px;font-size: 16px;}
	.header-nav ul li .sub{top: 41px;}
	.header-nav ul li .sub li:nth-child(1){margin-top: 13px;}
	.nulldiv{height: 75px;}
	.footer_bottom .box2 .first .left{display: none;}
	.footer_bottom .box2{width: 65%;margin-left: 20px;}
	.footer_bottom .box2 .second{max-width: none;}
	.index .box2{padding: 2.5% 0px;}
	.index .box2 .left{width: 100%!important;display: block!important;margin-top: 10px!important;margin-bottom: 10px!important;height: auto!important;}
	.index .box2 .left .card .txt{width: 80%;}
	.index .box2 .left .change{width: 100%!important;height: auto!important;}
	.index .box2 .right{width: 48%;margin: 20px 0px 0px 0.5%;display: none;}
	.index .box2 .right .caption{margin-bottom: 30px;}
	.index .box4{padding-top:4.5%;}
	.index .box5{padding: 5% 0px 2.5px 0px;}
	.index .box5 .card{width: 16.8%;margin-right: 4%;}
	.product{padding: 2% 0px 3.7% 0px;}
	.f-nav{margin-top: 2%;}
	.product .ckmore{margin-top: 3.5%;}
	.application{padding: 2% 0px 3.7% 0px;}
	.news{padding: 2% 0px 3.7% 0px;}
	.contactus{padding: 2% 0px 3.7% 0px;}
	.contactus .contact_cardAll .card{width: 45%;vertical-align: top;margin-top: 3px;margin-bottom: 3px;}
	.contactus .contact_cardAll .card:nth-child(3){border-left: none;padding-left: 0px;}
	.contactus .contact_cardAll .card .txt{height: 72px;}
	.shopCenter{padding:2.5% 0px 0px 0px;}
	/*.personCardAll .card{margin:2.5% 2% 2.5% 0px;}*/
	.detailds_text {margin-top: 2.5%;margin-bottom: 2.5%;}
	.aboutus{padding: 2% 0px 0px 0px;}
	.aboutus .cultureCard{margin-top: 5%;}
	.aboutus .qualitycardAll .card span{line-height: 1.8em;}
	.detailds_text .content table td:nth-child(2){width: auto!important;word-break: break-all;}
	/*****/
	.search_right span {
		display: none;
	}
	.search_right ul {
		display: none;
	}
}
@media screen and (max-width: 960px){
	.maxwidth{width: 97%;}
	.header-nav{float: right;}
	.hearder-logo .logo_pic{width: 100px;height: 34px;}
	.header-nav ul li{margin-left: 9px;}
	.header-nav ul li a{padding: 6px 4px;font-size: 14px;}
	.header-nav ul li .sub{top: 31px;width: 110px;}
	.header-nav ul li .sub li:nth-child(1){margin-top: 16px;}
	.hearder-logo .ChEn{font-size: 14px;}
	.nulldiv{height: 68px;}
	.footer_bottom .box2{width: 60%;}
	.footer_bottom .box2 .first .right{margin-left: 15px;width: 100%;}
	.index .box2 .left .card .txt{width: 70%;}
	.index .box3 .card .txt span{margin-bottom: 0px;}
	.index .box3 .card .txt{padding: 15px 0px 15px 0px;}
	.index .box5 .card{width: 18%;margin-right: 2.5%;}
	.f-nav ul li a{margin:0px 30px;}
ã€€ã€€.product .card .txt span{margin-bottom: 0px;}
	.product .card .txt{padding: 15px 0px 15px 0px;}
	.application .card .txt .name{font-size: 20px;}
	.contactus .contact_cardAll .card{padding: 10px 15px;}
	.personCardAll .card .txt p span{font-size: 16px;max-width:187px;}
	.aboutus .qualitycardAll .card{width: 100%;}
	.aboutus .qualitycardAll .card span{height: auto;line-height: 2.1em;}
	.index_news .list .right ul li {
		margin-left: 3%;
		margin-right: 3%;
	}
	.index_news .list .right ul li a {
		font-size: 18px;
	}
}
@media screen and (max-width: 768px){
	.maxwidth{width: 96%;}
	.header-nav{display: none;}
	.nav_more{display: block;}
	.nav_more{top:6px;}
	.hearder-logo .logo_pic{margin-top: 0px;width:auto;}
	.hearder-logo .ChEn{display: none;}
	.iphone-nav{display: block;}
	.nulldiv{height: 60px;}
	.footer_bottom .box1{float: none;margin: 0 auto;}
	.footer_bottom .box2 .first{text-align: center;}
	.footer_bottom .box2{width: 100%;box-sizing: border-box;margin-left: 0px;}
	.footer_bottom .box2 .first .right{margin-right: auto;margin-left: auto;width: auto;box-sizing: border-box;display: inline-block;text-align: left;float: none;}
	.footer_bottom .box2 .first .left{display: none;}
	.index .index_title span{font-size: 18px;}
	.search_right{display: none;}
	.index .box2 .left .card .txt{width: 60%;}
	 .card{width: 48%;border-bottom: 3px solid #33b084;margin-top: 0px;margin-bottom: 15px;}
	.index .box3 .card .txt .index .box3.more{display: inline;}
	.index .box3 .ckmore{margin-top: 0px;}
	.product .card .txt .index .box3.more{display: inline;}
	.product .ckmore{margin-top: 0px;}
	.index .box2 .left .card{margin-top: 15px;}
	.index .box2 .left .ckmore{margin: 15px 0px 10px 23px;}
	.index .box2 .right ul li{margin-top: 15px;}
	.index .box5 .cardAll{text-align: center;}
	.index .box5 .card{margin-top: 15px;width: 22.5%;margin-right: 0.5%;margin-left: 0.5%;display: inline-block;float: none;}
	.index .box5 .card:nth-child(5n){margin-right: 1%;margin-left: 1%;}
    .f-nav ul li{width:49%;}
    .f-nav ul li:nth-child(2n+1){border:0px;}
	.f-nav ul li a{font-size: 16px;}
	.f-title span{font-size: 18px;color: #333333;}
	.product .card{margin-right: 2.6%;width: 48.7%;}
	.product .card:nth-child(3n){margin-right: 2.6%;}
	.product .card:nth-child(2n){margin-right: 0px;}
	.product .card .txt{background-color: #ffffff;}
	.product .card .txt .name{color:#666666;margin-top: 4px;}
	.product .card .txt span{display: block;margin-top: 2px;}
	.product .card .txt .more{display: block;font-size: 30px;margin-top: -3px;}
	.application .card .txt .name{font-size: 16px;margin-top: 8px;}
	.application .card .txt span{font-size: 12px;}
	.application .card .txt{padding: 0px 22px 10px 13px;}
	.application .card{margin-top: 15px;}
	.news .card{padding-left: 165px;height: 180px;padding-top:18px;margin-bottom: 18px;}
	.news .card .pic{width: 165px;height: 165px;top: 18px;}
	.news .card .txt .name{font-size: 16px;margin-top: 0px;}
	.news .card .txt{padding: 0px 8px;}
	.news .card .txt span{-webkit-line-clamp:2;height: 42px;margin-top: 3px;}
	.news .card .txt p{margin-top: 3px;margin-bottom: 3px;}
	.contactus .contact_cardAll{padding-left: 0px;padding-right:0px;}
	.contactus .contact_cardAll .card{width: 58%;padding-right: 0px;}
	.contactus .contact_cardAll .card:nth-child(2n-1){width: 40%;}
	.contactus .contact_cardAll .card span{font-size: 13px;}
	.contactus .contact_cardAll .card p{font-size: 13px;}
	.contactus .contact_cardAll .card .pic{ width: 42px;height: 37px; }
	.contactus .contact_cardAll .card .nr{padding-left: 42px;}
	.message form div input[type="text"]{width:70%;}
	.message form div input[type="email"]{width:70%;}
	.message form div textarea{width:70%;}
	.message form div input[type="submit"]{width: 33%;}
	.message form div input[type="reset"]{width: 33%;}
	.map{margin-top: 15px;}
	.buyshop .f-title div{width: 30%;}
	.map{display: none;}
	.getiphonemap{display: block;}
	.aboutus .cultureCard .card{width: 30%;margin-right: 4%;}
	.aboutus .cultureCard .card:nth-child(3n){margin-right: 0px;}
	.aboutus .profile p{font-size:14px;line-height: 1.8em;}
	.aboutus .cultureCard .card .name{font-size:18px;}
	.aboutus .quality .bbg{padding-bottom: 20px;}
	.buyshop .f-title span{margin-left: 20px;margin-right: 20px;font-size: 17px;}
	.personCardAll .card .nr{width: 230px;}
	.personCardAll .card .txt p span img{width: 90px;height: 90px;}
	.personCardAll .card .pic{width: 60px;height: 110px;}
	.personCardAll .card .title	{font-size: 16px;}
	.personCardAll .card .txt{margin-left: 10px;}
	.personCardAll .card .txt .name{font-size: 14px;}
	.personCardAll .card .txt p{font-size: 12px;}
	.personCardAll .card .nr{width: 100%;}
	.index_news .list .left {
		width: 100%;
	}
	.index_news .list .right {
		width: 100%;
		margin-top: 30px;
	}
	.index_news .list .left {
		margin-top: 0px;
	}
	.banner{margin-top: 26px;}
}
@media screen and (max-width: 480px){
	.maxwidth{width: 94%;}
	.hearder-logo{padding:13px 0px 0px 0px;}
	.hearder-logo .logo_pic{width: 100px;height: 45px;}
	.nav_more{top:0px;}
	.main_nav ul{top: 51px;}
	.nulldiv{display: block;height: 51px;}
	.friendlylink ul li a{font-size: 12px;}
	.footer_bottom .box2 .second a{margin-top: 8px!important;}
	.index .box1 .left .line li a{width: 180px;}
	.index .box2 .left{width: 100%;}
	.index .box2 .left .card{margin-left:10px;margin-right: 10px;}
	.index .box2 .right{width: 100%}
	.index .box2 .left .card .txt{width: 100%;}
	.index .box3 .card{width: 98%;}
    .index .box3 .card:nth-child(n+4){display: none;}
    .product .card{width: 98%;}
    .product .card:nth-child(n+4){display: none;}
    .index_news .list .right .box:nth-child(n+4){display: none;}

	.index .box3 .ckmore a{padding: 8px 32px;}
	.f-nav ul li a{font-size: 14px;margin:0px 10px;}
	.product .card{margin-right: 0px;width: 100%;}
	.product .ckmore span{padding: 8px 32px;}
	.application .card{width: 100%;margin-right: 0px;}
	.application .ckmore span{padding: 8px 32px;}
	.news .card{height:145px;}
	.news .card .pic{width: 132px;height: 132px;}
	.news .card{padding-left: 132px;}
	.news .card .txt .name{font-size: 14px;}
	.news .card .txt span{font-size: 12px;height: 34px;}
	.news .card .txt p{font-size: 12px;}
	.news .ckmore span{padding: 8px 32px;}
	.contactus .contact_cardAll{padding:0px 8px;margin-top: 15px;}
	.contactus .contact_cardAll .card{width: 100%;border-top: 1px solid #cccccc;padding-left:0px;border-left:none;}
	.contactus .contact_cardAll .card:nth-child(2n-1){width: 100%;}
	.contactus .contact_cardAll .card:nth-child(1){border-top: none;}
	.contactus .contact_cardAll .card .txt{height: auto;}
	.contactus .contact_cardAll .card .nr{height: auto;}
	.message form div input[type="text"]{width:65%;margin-left: 15px;height: 32px;}
	.message form div input[type="email"]{width:65%;margin-left: 15px;height: 32px;}
	.message form div textarea{width:65%;margin-left: 15px;}
	.message form div input[type="submit"]{width: 40%;height: 32px;margin-left: 0px;}
	.message form div input[type="reset"]{width: 40%;height: 32px;}
	.buyshop .nr .pic{width: 86px;height: 91px;}
	.buyshop .f-title span{margin-left:10px;margin-right: 10px;font-size: 15px;}
	.buyshop .f-title div{width: 26%;}
	.buyshop .nr .txt{font-size: 18px;margin-left: 18px;}
	.detailds_text h2 {font-size: 18px;}
	.detailds_text .time_view {margin-top: 0px;}
	.aboutus .cultureCard .card{width: 45%;margin-right: 5%;}
	.aboutus .cultureCard .card:nth-child(3n){margin-right: 5%;}
	.aboutus .cultureCard .card:nth-child(2n){margin-right: 0px;}
	.personCardAll .card{padding-left: 0px;width: 100%;min-width: none;}
	.personCardAll .card .txt{margin-left: 15px;}
	.personCardAll .card .txt .name{font-size: 16px;}
	.personCardAll .card .txt p{font-size: 15px;}
	.personCardAll .card .txt p span{font-size: 15px;max-width: 152px;}
	.personCardAll .card .txt{margin-left: 10px;}
	.personCardAll .card .nr{width: 80%;}
	.personCardAll .card .txt p span img{width: 100px;height: 100px;}

}

</pre></body></html>